import Theme from 'vitepress/theme'
import './styles/vars.css'
import './custom.css'
import ModeIcon from '../../components/ModeIcon.vue'
import FuncTable from '../../components/FuncTable.vue'
import BadgeTag from '../../components/BadgeTag.vue'
import FuncTableTemplate from '../../components/FuncTableTemplate.vue'
import FuncViewForm from '../../components/func-view-form/FuncViewForm.vue'
import FormPage from '../../components/func-view-form/FormPage.vue'
import FormGroupPanel from '../../components/func-view-form/FormGroupPanel.vue'
import FormItem from '../../components/func-view-form/FormItem.vue'
import FormCheckBox from '../../components/func-view-form/FormCheckBox.vue'
import ColorTable from '../../components/ColorTable.vue'

export default {
  ...Theme,
  enhanceApp(ctx) {
    Theme.enhanceApp(ctx)
    ctx.app.component('ModeIcon', ModeIcon)
    ctx.app.component('FuncTable', FuncTable)
    ctx.app.component('BadgeTag', BadgeTag)
    ctx.app.component('FuncTableTemplate', FuncTableTemplate)
    ctx.app.component('FuncViewForm', FuncViewForm)
    ctx.app.component('FormPage', FormPage)
    ctx.app.component('FormGroupPanel', FormGroupPanel)
    ctx.app.component('FormItem', FormItem)
    ctx.app.component('FormCheckBox', FormCheckBox)
    ctx.app.component('ColorTable', ColorTable)
  }
}
